<template>
		<view @tap="onclick" :style="{width:'100%',height:screenHeight+'px'}" style="display: flex;align-items: center; justify-content: center;">
			<view>
				<view  class="img-box">
					<image src="/static/noNetWork.png"></image>
				</view>
				
				<view class="text">
					网络不好,点击空白处刷新
				</view>	
			</view>
		</view>	
</template>

<script>
	 
	export default {
		props: {
			/**
			 * 屏幕高度
			 */
			// screenHeight:  {
			// 	type: Number,
			// 	default:350
			// },
	
		},
		data() {
			return {
				//屏幕高度
				screenHeight:350,
			}
		},
		computed: {			
			// uni.getSystemInfo({
			//     success: function (res) {
			// 		_this.screenHeight  = res.screenHeight	  
			// 		console.log(_this.screenHeight)
			//     }
			// });
		
		},
		created:function(){			
			const _this = this
			uni.getSystemInfo({
			    success: function (res) {
					_this.screenHeight  = res.screenHeight	
					//_this.screenWidth   = res.screenWidth
			    }
			});
		},
		 methods: {
			onclick:function(item){
				this.$emit('onclick', item)
			}
		 }
	}
</script>

<style>
.img-box{
	display: flex;align-items: center; justify-content: center;
}
.img-box image{
	width: 300upx;
	height: 240upx;
}
	
.text{
	/* font-family:; */
	margin-top: 40upx;
	font-size: 32upx;
}
 
</style>
